/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 30, 2014, 11:05:50 AM
    Author     : Tao Li
*/

.modalPopup
{
   position: fixed;
   font-family: Arial, Helvetica, sans-serif;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.6);
   z-index: 99999;
   opacity: 0;
   -webkit-transition: opacity 200ms ease-in;
   -moz-transition: opacity 200ms ease-in;
   transition: opacity 200ms ease-in;
   pointer-events: none;
   visibility: hidden;
}

.modalPopup:target
{
   opacity:1;
   pointer-events: auto;
   visibility: visible;
}

.modalPopup > div
{
   width: 400px;
   position: relative;
   margin: 15% auto;
   padding: 20px 20px 20px 20px;
   background: darkslategray;
   background: -moz-linear-gradient(darkslategray, darkslategray);
   background: -webkit-linear-gradient(darkslategray, darkslategray);
   background: -o-linear-gradient(darkslategray, darkslategray);
   border-radius: 5px;
   border: solid;
   border-color: windowframe;
}

.closeBottonOnModalPopup
{
   width: 24px;
   line-height: 24px;
   position: absolute;
   top: 0px;
   right: 0px;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
}

.closeBottonOnModalPopup:hover
{
}